<template>
  <div class="App">
    <!--快捷链接-->
    <XtxShortCutVue></XtxShortCutVue>
    <!--顶部导航-->
    <XtxHeaderNavVue></XtxHeaderNavVue>
    <!--轮播区域---->
    <XtxBannerVue></XtxBannerVue>
    <!--新鲜好物---->
    <XtxNewGoodsVue></XtxNewGoodsVue>
    <!--热门品牌---->
    <XtxHotBrandVue></XtxHotBrandVue>
    <!--最新专题---->
    <XtxTopicVue></XtxTopicVue>
    <!--版权底部---->
    <XtxFooterVue></XtxFooterVue>
  </div>
</template>

<script>
import XtxBannerVue from "./components/XtxBanner.vue";
import XtxFooterVue from "./components/XtxFooter.vue";
import XtxHeaderNavVue from "./components/XtxHeaderNav.vue";
import XtxHotBrandVue from "./components/XtxHotBrand.vue";
import XtxNewGoodsVue from "./components/XtxNewGoods.vue";
import XtxShortCutVue from "./components/XtxShortCut.vue";
import XtxTopicVue from "./components/XtxTopic.vue";

export default {
  name: "App",
  components: {
    XtxBannerVue,
    XtxFooterVue,
    XtxHeaderNavVue,
    XtxHotBrandVue,
    XtxNewGoodsVue,
    XtxShortCutVue,
    XtxTopicVue,
  },
};
</script>

<style></style>
